<template>
  <BaseHeading as="h2" size="3xl" weight="extrabold" class="text-muted-800 dark:text-white">
    A huge heading
  </BaseHeading>

  <BaseHeading as="h3" size="2xl" weight="bold" class="text-muted-800 dark:text-white">
    A bold and very large heading
  </BaseHeading>

  <BaseHeading as="h4" size="lg" weight="semibold" class="text-muted-800 dark:text-white">
    A smaller and less thicker heading
  </BaseHeading>

  <BaseHeading as="h5" size="md" weight="medium" class="text-muted-400">
    Smaller and using another color
  </BaseHeading>
</template>
